@import url(./constant.less);
@import url(./utils.less);



// container部分
@media screen and (max-width:996px) {
    .md-hidden {
        display: none;
    }
}

.content-login {
    display: flex;
    align-items: center;
    justify-content: center;
    width: 100%;
    text-align: center;
    padding: 100px 40px 100px;

    .login-box {

        display: flex;
        justify-content: center;
        align-items: center;
        box-shadow: 0 0 5px #ccc;

        .login-container {
            width: 80%;
        }

        .comment_login {
            display: flex;
            justify-content: center;
        }

        .login-box_title {
            display: flex;
            align-items: center;
            justify-content: space-around;

            .title_item {
                display: block;
                height: 50px;
                width: 80px;
                text-align: center;
                line-height: 50px;
                font-size: 20px;

            }
        }

        .user-name-sprite {

            width: 50px;
            background: url(/img/user-name-icon.png) no-repeat;
            background-size: 18px;
            background-position: 15px 12px;

        }

        .password-sprite {
            width: 50px;
            background: url(/img/block.png) no-repeat;
            background-size: 18px;
            background-position: 15px 12px;
        }

        .sub-btn {
            width: 60%;
            background-color: @primaryColor;
            border: none;

        }

    }
}
